{% extends 'task_con/base.html' %}
{% load static %}
{% block content %}
{#    <form action="#" method="post">#}
{#        {% csrf_token %}#}
{#        <table border="1">#}
{#            <thead>#}
{#            <tr>#}
{#                <th>文件组</th>#}
{#                <th>是否勾选</th>#}
{#            </tr>#}
{#            </thead>#}
{#            >#}
{#            <tbody>#}
{#            {% for obj in filenum %}#}
{#                <tr>#}
{#                    <td>文件组{{ obj }}组</td>#}
{#                    <td>#}
{#                        <input type="checkbox" name='data' value="{{ obj }}">#}
{#                    </td>#}
{#                </tr>#}
{#            {% endfor %}#}
{#            </tbody>#}
{#            >#}
{#        </table>#}
{#        >#}
{#        <input class="btn" type="submit" value="保存选择">#}
{#    </form>#}
    <section class="product-area shop-sidebar shop section">
        <div class="container">
            <div class="row">
                <div class="col-lg-1 col-md-4 col-12"></div>
                <div class="col-lg-9 col-md-8 col-12">
                    <form action="#" method="post">
                        {% csrf_token %}
                        <div class="shop-top">
                            <div class="row">
                                <div class="col-lg-2 filter-single">
                                    <div class="filter-content">
                                        <div class="my-auto filter-title">Show :</div>
                                        <select>
                                            <option selected="selected">10</option>
                                            <option>20</option>
                                            <option>30</option>
                                            <option>50</option>
                                            <option>100</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-8 filter-single">
                                    <div class="filter-content">
                                        <div class="my-auto filter-title">Sort By :</div>
                                        <select>
                                            <option selected="selected">Latest</option>
                                            <option>Latest</option>
                                            <option>Trending</option>
                                            <option>Popular</option>
                                            <option>Price Hight To Low</option>
                                            <option>Price Low To High</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="col-lg-2 filter-single">
                                    <ul class="view-mode">
{#                                        <li><a href="shop-grid.html"><i class="fal fa-th-large"></i></a></li>#}
                                        <li class="active"><a href="shop-list.html"><i class="fal fa-th-list"></i></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>

                        </div>
                        {% for group in datas %}
                        <div class="row">
                            <div class="col-12 mt-4">
                                <div class="single-product">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="product-img">
                                                 <img class="product-img"
                                                     src="{% static 'annotate_data/image/file_group.png' %}"
                                                     alt="#" width="120">
                                            </div>
                                        </div>

                                            <div class="col-lg-8">
                                                <div class="product-content">
                                                    <h3><a href="#">文件ID:{{ group.group_id }}</a></h3>
                                                    <p><span >文件组容量：{{ group.num }}</span></p>
                                                    <p><span>上传时间：{{ group.time }}</span></p>
                                                    <p class="my-2">
                                                        是否选择该文件组：
                                                    <input type="checkbox" name='data' value="{{ group.group_id }}">
                                                    </p>
                                                    <div class="d-flex justify-content-between mt-4">
                                                        <div class="product-price">
                                                </div>
                                            </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                                {% endfor %}
                            <div class="mt-3">
                        <button class="btn" type="submit" value="保存选择">保存选择 <i class="fal fa-paper-plane"></i></button>
{#                        <input class="btn" type="submit" value="保存选择">#}
                                </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
{% endblock %}